#main {
    padding: 0.75rem 1rem;

    .LayoutBox {
        .itemBox {
            width: calc(50% - 0.275rem);

            &:last-child {
                margin-left: 0.55rem;
            }
        }
    }

    .threeColumnLayout {
        .itemBox {
            width: calc(33.3333333% - 0.366666rem);
            margin-left: 0.55rem;

            &:first-child {
                margin-left: 0;
            }
        }
    }

    .topLayoutBox {
        img {
            display: block;
            width: 100%;
        }

        .rightItem {
            &>div:last-child {
                margin-top: 0.55rem;
            }
        }
    }

    .middleLayoutBox {
        margin-top: 1rem;

        .itemBox {
            position: relative;

            img {
                display: block;
                width: 100%;
            }

            .showText {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                left: 3.55rem;

                .title {
                    font-size: 0.75rem;
                    color: #333333;
                    font-weight: bold;
                }

                .label {
                    margin-top: 0.3rem;
                    color: #999999;
                    font-size: 0.55rem;
                }
            }
        }
    }

    .bottomLayoutBox {
        margin-top: 1rem;

        .itemBox {
            .centerEnter {
                display: block;
                width: 100%;
            }

            .quickEnter {
                height: 2.33rem;
                background-color: white;
                border-radius: 0.25rem;
                position: relative;
                margin-top: 0.55rem;

                .quickShowBox {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translateX(-50%) translateY(-50%);
                    white-space: nowrap;

                    .quickShowIcon {
                        width: 1rem;
                    }

                    .quickShowText {
                        color: #333333;
                        font-size: 0.65rem;
                        font-weight: bold;
                        margin-left: 0.18rem;
                    }
                }

                &:first-child {
                    margin-top: 0;
                }
            }
        }
    }
}
